<template name="skeleton">
  <view class="sk-container">
    <scroll-view
      :scroll-y="true"
      class="viewport viewport data-v-d3687551 data-v-d3687551"
      :enable-back-to-top="true"
    >
      <view class="top top data-v-d3687551 data-v-d3687551" style="padding: 44px 25px">
        <view class="left left data-v-d3687551 data-v-d3687551">
          <navigator class="navigate navigate data-v-d3687551 data-v-d3687551" hover-class="none">
            <image class="avatar data-v-d3687551 sk-image" mode="aspectFit"></image>
          </navigator>
          <view class="meta meta data-v-d3687551 data-v-d3687551">
            <view class="nickname data-v-d3687551 sk-transparent sk-text-14-2857-611 sk-text"
              >Yeaon22</view
            >
            <navigator class="data-v-d3687551 data-v-d3687551" hover-class="none">
              <text class="update data-v-d3687551 sk-transparent sk-text-14-2857-266 sk-text"
                >更改头像昵称</text
              >
            </navigator>
          </view>
        </view>
        <navigator
          class="right data-v-d3687551 sk-transparent sk-text-14-2857-704 sk-text"
          hover-class="none"
        >
          设置
        </navigator>
      </view>
      <view class="my-order my-order data-v-d3687551 data-v-d3687551">
        <view class="title title data-v-d3687551 data-v-d3687551">
          <view class="my data-v-d3687551 sk-transparent sk-text-15-0000-946 sk-text"
            >我的订单</view
          >
          <navigator class="all data-v-d3687551 sk-transparent"
            >查看全部订单
            <text class="icon icon-right data-v-d3687551 sk-pseudo sk-pseudo-circle"></text>
          </navigator>
        </view>
        <view class="content content data-v-d3687551 data-v-d3687551">
          <navigator
            class="navigator data-v-d3687551 icon-currency sk-transparent sk-text-30-0000-789 sk-text sk-pseudo sk-pseudo-circle"
            hover-class="none"
            >待付款</navigator
          >
          <navigator
            class="navigator data-v-d3687551 icon-gift sk-transparent sk-text-30-0000-664 sk-text sk-pseudo sk-pseudo-circle"
            hover-class="none"
            >待发货</navigator
          >
          <navigator
            class="navigator data-v-d3687551 icon-check sk-transparent sk-text-30-0000-148 sk-text sk-pseudo sk-pseudo-circle"
            hover-class="none"
            >待收货</navigator
          >
          <navigator
            class="navigator data-v-d3687551 icon-comment sk-transparent sk-text-30-0000-707 sk-text sk-pseudo sk-pseudo-circle"
            hover-class="none"
            >待评价</navigator
          >
          <button
            class="contact icon-handset data-v-d3687551 sk-transparent sk-button sk-pseudo sk-pseudo-circle"
            open-type="contact"
          >
            售后
          </button>
        </view>
      </view>
      <view class="guess-list guess-list data-v-d3687551 data-v-d3687551">
        <view is="components/XtxGuess" class="r r data-v-d3687551 data-v-d3687551">
          <view class="guess-panel XtxGuess--guess-panel data-v-e94a02da XtxGuess--data-v-e94a02da">
            <view
              class="title XtxGuess--title data-v-e94a02da XtxGuess--data-v-e94a02da sk-transparent sk-text-20-0000-694 sk-text sk-pseudo sk-pseudo-circle"
              >猜你喜欢</view
            >
            <view class="content XtxGuess--content data-v-e94a02da XtxGuess--data-v-e94a02da">
              <navigator class="item XtxGuess--item data-v-e94a02da XtxGuess--data-v-e94a02da">
                <image
                  class="image XtxGuess--image data-v-e94a02da XtxGuess--data-v-e94a02da sk-image"
                  mode="aspectFill"
                ></image>
                <view
                  class="item-title XtxGuess--item-title data-v-e94a02da XtxGuess--data-v-e94a02da"
                >
                  <text
                    class="text XtxGuess--text data-v-e94a02da XtxGuess--data-v-e94a02da sk-transparent sk-text-14-2857-277 sk-text"
                    >手工八年老陈醋500毫升</text
                  >
                </view>
                <view class="price XtxGuess--price data-v-e94a02da XtxGuess--data-v-e94a02da">
                  <text
                    class="symbol XtxGuess--symbol data-v-e94a02da XtxGuess--data-v-e94a02da sk-transparent sk-opacity"
                    >￥</text
                  >
                  <text
                    class="number XtxGuess--number data-v-e94a02da XtxGuess--data-v-e94a02da sk-transparent sk-text-23-3333-634 sk-text"
                    >30.00</text
                  >
                </view>
              </navigator>
              <navigator class="item XtxGuess--item data-v-e94a02da XtxGuess--data-v-e94a02da">
                <image
                  class="image XtxGuess--image data-v-e94a02da XtxGuess--data-v-e94a02da sk-image"
                  mode="aspectFill"
                ></image>
                <view
                  class="item-title XtxGuess--item-title data-v-e94a02da XtxGuess--data-v-e94a02da"
                >
                  <text
                    class="text XtxGuess--text data-v-e94a02da XtxGuess--data-v-e94a02da sk-transparent sk-text-14-2857-555 sk-text"
                    >三分钟即享简餐，日式即食咖喱150克</text
                  >
                </view>
                <view class="price XtxGuess--price data-v-e94a02da XtxGuess--data-v-e94a02da">
                  <text
                    class="symbol XtxGuess--symbol data-v-e94a02da XtxGuess--data-v-e94a02da sk-transparent sk-opacity"
                    >￥</text
                  >
                  <text
                    class="number XtxGuess--number data-v-e94a02da XtxGuess--data-v-e94a02da sk-transparent sk-text-23-3333-720 sk-text"
                    >15.00</text
                  >
                </view>
              </navigator>
              <navigator class="item XtxGuess--item data-v-e94a02da XtxGuess--data-v-e94a02da">
                <image
                  class="image XtxGuess--image data-v-e94a02da XtxGuess--data-v-e94a02da sk-image"
                  mode="aspectFill"
                ></image>
              </navigator>
              <navigator class="item XtxGuess--item data-v-e94a02da XtxGuess--data-v-e94a02da">
                <image
                  class="image XtxGuess--image data-v-e94a02da XtxGuess--data-v-e94a02da sk-image"
                  mode="aspectFill"
                ></image>
              </navigator>
            </view>
          </view>
        </view>
      </view>
    </scroll-view>
  </view>
</template>

<style lang="scss" scoped>
@import '../styles/my';
.sk-transparent {
  color: transparent !important;
}
.sk-text-14-2857-611 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 39.2rpx;
  position: relative !important;
}
.sk-text {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  background-repeat: repeat-y !important;
}
.sk-text-14-2857-266 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 33.6rpx;
  position: relative !important;
}
.sk-text-14-2857-704 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 39.2rpx;
  position: relative !important;
}
.sk-text-15-0000-946 {
  background-image: linear-gradient(
    transparent 15%,
    #eeeeee 0%,
    #eeeeee 85%,
    transparent 0%
  ) !important;
  background-size: 100% 40rpx;
  position: relative !important;
}
.sk-text-30-0000-789 {
  background-image: linear-gradient(
    transparent 30%,
    #eeeeee 0%,
    #eeeeee 70%,
    transparent 0%
  ) !important;
  background-size: 100% 60rpx;
  position: relative !important;
}
.sk-text-30-0000-664 {
  background-image: linear-gradient(
    transparent 30%,
    #eeeeee 0%,
    #eeeeee 70%,
    transparent 0%
  ) !important;
  background-size: 100% 60rpx;
  position: relative !important;
}
.sk-text-30-0000-148 {
  background-image: linear-gradient(
    transparent 30%,
    #eeeeee 0%,
    #eeeeee 70%,
    transparent 0%
  ) !important;
  background-size: 100% 60rpx;
  position: relative !important;
}
.sk-text-30-0000-707 {
  background-image: linear-gradient(
    transparent 30%,
    #eeeeee 0%,
    #eeeeee 70%,
    transparent 0%
  ) !important;
  background-size: 100% 60rpx;
  position: relative !important;
}
.sk-text-20-0000-694 {
  background-image: linear-gradient(
    transparent 20%,
    #eeeeee 0%,
    #eeeeee 80%,
    transparent 0%
  ) !important;
  background-size: 100% 60rpx;
  position: relative !important;
}
.sk-text-14-2857-277 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 39.2rpx;
  position: relative !important;
}
.sk-opacity {
  opacity: 0 !important;
}
.sk-text-23-3333-634 {
  background-image: linear-gradient(
    transparent 23.3333%,
    #eeeeee 0%,
    #eeeeee 76.6667%,
    transparent 0%
  ) !important;
  background-size: 100% 60rpx;
  position: relative !important;
}
.sk-text-14-2857-555 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 39.2rpx;
  position: relative !important;
}
.sk-text-23-3333-720 {
  background-image: linear-gradient(
    transparent 23.3333%,
    #eeeeee 0%,
    #eeeeee 76.6667%,
    transparent 0%
  ) !important;
  background-size: 100% 60rpx;
  position: relative !important;
}
.sk-button {
  color: #efefef !important;
  background: #efefef !important;
  border: none !important;
  box-shadow: none !important;
}
.sk-image {
  background: #efefef !important;
}
.sk-pseudo::before,
.sk-pseudo::after {
  background: #efefef !important;
  background-image: none !important;
  color: transparent !important;
  border-color: transparent !important;
}
.sk-pseudo-rect::before,
.sk-pseudo-rect::after {
  border-radius: 0 !important;
}
.sk-pseudo-circle::before,
.sk-pseudo-circle::after {
  border-radius: 50% !important;
}
.sk-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
}
</style>
